<template>
	<view class="city_page">
		<view class="itembar" v-for="(item,index) in cityList" :key="index" @click="select(city,'cityCode','cityName')">
			{{item.name}}
		</view>
	</view>
</template>

<script setup>
	import tag from "@/components/common/tag.vue"
	const props = defineProps({
		props: {
			cityList: [],

		},
	})

	function select(e) {
		this.$emit("city", e)
	}
</script>

<style lang="scss">
	.city_page {
		padding: 10px 20px;

		.itembar {
			height: 60px;
			line-height: 60px;
			font-size: 14px;
			font-weight: bolder;
		}

		.active {
			border-left: 2px solid #00b386;
		}
	}
</style>